<script type="text/javascript">
function register(){
	var url= root+'users/register';
	$.post(
		url,
		$('#fr_register').serialize(),
		function(data){
			if(data.st=='SUCCESS'){
				show_popup_user('register_success', data.email);
			}else{
				$.each(data.error,function(index,obj) {
					$('.p_notification').css({'color':'#EE1C25'}).html(obj.txt);
					return false;
				});
			}
		},"json"
	);
}

function register_s1(){
	var url= root+'users/check_form';
	var post_data = {};
	post_data['username'] = $('#username').val();post_data['ac'] = 'username';
	$.post(
		url,
		post_data,
		function(data){
			if(data.st=='SUCCESS'){
				var password= $('#password').val();
				var re_password= $('#re_password').val();
				if(password==''){
					$('.p1_notification').html('Bạn chưa nhập mật khẩu.');
					return false;
				}else{
					if(password.length<6){
						$('.p1_notification').html('Mật khẩu ngắn hơn 6 ký tự.');
						return false;
					}else{
						if(re_password==''){
							$('.p1_notification').html('Bạn chưa nhập lặp lại mật khẩu.');
							return false;
						}else{
							if(password!=re_password){
								$('.p1_notification').html('Hai mật khẩu không trùng khớp.');
								return false;
							}
						}
					}
				}
				$('.p1_notification').html('');$('.w_step').hide();$('.step_2').show();
			}else{				
				$.each(data.error,function(index,obj) {
					$('.p1_notification').html(obj.txt);
					return false;
				});
			}
		},"json"
	);
}

function show_register(index){
	$('.step_register').hide();
	$('.step_register_'+index).fadeIn();
}

function back_s1(){
	$('.w_step').hide();$('.step_1').show();
}

function check_form(element){
	var url= root+'users/check_form';
	var val= $(element).val();
	var param= element.substr(1, element.length);
	//console.debug(param);
	var post_data = {};
	post_data[param] = val;post_data['ac'] = param;
	if(val!='')
	{
		$.post(
			url,
			post_data,
			function(data){
				$.map(data.error, function(item){
					//alert(item.txt);
					console.debug(item.txt);
				});
			},"json"
		);
	}
	else
	{
		alert('*');
	}
}
</script>
<div class="popup_register png">
<form action="" id="fr_register" method="post" enctype="multipart/form-data">
	<a href="javascript:void(0)" title="Đóng" class="close_popup" onclick="return hide_popup();"></a>
	<div class="p_content_popup step_register step_register_1">
		<div class="popup_tt">ĐĂNG KÝ TÀI KHOẢN</div>
		<div class="popup_ct">
			<div class="step_1 w_step">
				<div class="username">
					<span>TÊN ĐĂNG NHẬP (*)</span>
					<span style="margin-left:8px;"><input type="text" name="username" id="username" class="input_l"  /></span>
				</div>
				<div class="password" style="padding:22px 0 0 53px;">
					<span>MẬT KHẨU (*)</span>
					<span style="margin-left:8px;"><input type="password" name="password" id="password" class="input_l" /></span>
				</div>	
		
				<div class="re_password" style="padding:22px 0 0 47px;">
					<span>LẶP LẠI MK (*)</span>
					<span style="margin-left:8px;"><input type="password" name="re_password" id="re_password" class="input_l" /></span>	
				</div>
				<div class="p1_notification"></div>
				<div class="button">
					<span onclick="return register_s1();"><img src="<?=PATH_URL?>static/images/iphone/popup/button/tiep_theo.png" alt="" /></span>
				</div>
			</div>
			
			<div class="step_2 w_step"  style="display:none;">
			
				<div class="email" style="padding:14px 0px 0px 37px;">
					<span>EMAIL (*)</span>
					<span style="margin-left:8px;"><input type="text" name="email" id="email" class="input_l"  /></span>				
				</div>
										
				<div class="phone" style="padding:18px 0px 0px 14px;">
					<span>ĐIỆN THOẠI</span>
					<span style="margin-left:8px;"><input type="text" name="phone" id="phone" class="input_l" onblur="if(this.value==''){this.value = 'Di động / mã vùng + số diện thoại'}" onfocus="if(this.value=='Di động / mã vùng + số diện thoại'){this.value = ''}" value="Di động / mã vùng + số diện thoại" style="color:#969696;"/></span>		
				</div>
								
				<div class="code" style="padding:15px 0 0 5px;color:#ee1c25;">
					<span>MÃ VẠCH SẢN PHẨM</span>
					<span style="margin-left:5px;"><input type="text" name="code" id="code" class="input_code" /></span>	
					<span><img onclick="return show_register('2')" src="<?=PATH_URL?>static/images/popup/img_chamhoi.png" align="absbottom" alt="" style="cursor:pointer;" /></span>	
					<input type="hidden" name="device" id="device" value="true" class="input_code"  />					
				</div>	
				<div class="note">(*) Mã vạch sản phẩm được in trên các sản phẩm Nestlé có logo 100 năm.</div>
				
				<div class="rules">
					<div class="left"><input type="checkbox" name="rules" id="rules" value="checked" /> </div>
					<div class="right" style="font-size:14px;">Tôi đã đọc và chấp nhận tuân theo quy định và thể lệ của chương trình.</div>
					<div class="clearAll"></div>
				</div>
				<div class="p_notification"></div>
				<div class="button">
					<span onclick="return back_s1();"><img src="<?=PATH_URL?>static/images/iphone/popup/button/quay_lai.png" alt="" /></span>
					<span onclick="return register();"><img src="<?=PATH_URL?>static/images/iphone/popup/button/dang_ky.png" alt="" /></span>
				</div>	
			</div>
		</div>
	</div>
	<div class="w_popup_code step_register step_register_2" style="display:none;">
		<div class="popup_tt">MÃ VẠCH SẢN PHẨM</div>
		<div class="popup_ct">
			<div class="ct_code">
				Để tham gia bạn cần điền mã vạch sản phẩm<br/>
				trên bao bì của chương trình Nestlé 100 năm. <br/>
				Chương trình áp dụng với các sản phẩm<br/>
				<span style="font-size:13px;">NESCAFÉ, NESTEA, MAGGI, Nestlé MILO, LACTOGEN 3, NAN Pro 3.</span>
			</div>	
			<div class="w_barcode">
				<div class="left">
					<img src="<?=PATH_URL?>static/images/barcode_left.png" alt="" />
					<div>Đây là bao bì của chương trình Nestlé 100 năm</div>
				</div>
				<div class="right">
					<img src="<?=PATH_URL?>static/images/barcode_right.jpg" alt="" />
					<div>Hãy tìm mã vạch sản phẩm và nhập mã số này vào đây</div>
				</div>
				<div class="clearAll"></div>
			</div>
			<div class="cm_code">Chúc bạn may mắn giành được quà tặng của chương trình!</div>
			<div style="margin:6px 0 0 0;"><a href="Javascript:void(0);" onclick="return show_register('1')"  class="bt_quaylai"><img src="<?=PATH_URL.'static/images/iphone/popup/button/btn_quaylai.png'?>" alt="" class="png" /></a></div>
		</div>	
	</div>
</form>
</div>